.cart-container {
    box-sizing: border-box;
    width: 100%;
    background: #f6f7fa;

    .cart-main {
        width: 1200px;
        margin: 0 auto;

        .cart-top {
            padding: 20px 0 15px;

            span {
                padding: 0 5px;
                font-weight: 700;
                line-height: 40px;
                font-size: 20px;
            }
        }

        .cart-bottom {
            margin-bottom: 15px;
            box-sizing: border-box;
            margin:  0 100px 15px 100px;
            
            
            border-radius: 10px;
            border: 1px solid #f5f5f5;

            .cart-item {
                border-radius: 10px;
                background-color: #fff;
                .cart-content {
                    
                    
                    display: flex;
                    height: 115px;
                    justify-content: space-between;
                    .check {
                        width: 100px;
                        height: 115px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }

                    .del {
                        width: 100px;
                        height: 115px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        opacity: 0.5;
                        span{
                            margin-bottom: 3px;
                            font-size: 14px;
                        }
                    }
                    .item{
                        box-sizing: border-box;
                        padding: 5px 0;
                        flex: 1;
                        display: flex;
                        border-bottom: 1px solid #e1e1e1;
                        img{
                           
                            width: 90px;
                            height: 100%;
                            
                        }
                        .titledes{
                            flex: 0.8;
                            display: flex;
                            
                            justify-content: center;
                            flex-direction: column;
                            span{
                                
                                padding: 5px 10px;
                                font-size: 21px;
                                margin-left: 30px;
                            }
                            p{  
                                color:gray;
                               
                                font-size: 16px;
                                margin-left: 40px;

                            }
                           
                        }
                        b{  
                            flex:0.2;
                            width: 120px;
                            color: orange;
                            font-size: 20px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                        }
                    }
                    
                }
               
            }
        }
    }
}
.cart-content:hover{
    background: #ebebeb;
}
.icon-shanchu{
    display: none;
}
.cart-content:hover .icon-shanchu{
    display: block;
}
.counst{
    display: flex;
    margin-top: 50px;
    width: 100%;
    height: 100px;
    background-color: #fff;
    border-radius: 10px;
    .checkall {
        width: 100px;
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .resmoney{
        flex: 0.7;
        display: flex;
        justify-content: end;
        align-items: center;
        span{
            
            font-size: 16px;
            color: slategrey;
            
        }
        b{
            color: orange;
            color: 20px;
        }
    }
    .queren{
        flex: 0.3;
        display: flex;
        justify-content: center;
        align-items: center;
        button{
            border: none;
            color: #fff;
            height: 35px;
            width: 125px;
            border-radius: 10px;
            background-color: orange;
        }
    }
}
.myh1{
    align-items: center;
    flex: 1;
    display: flex;
    justify-content: center;
}
.myppp{
    text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}